import { Folder } from 'lucide-react'
import { getCategoryLabel } from '../../utils'

interface CategoryLabelProps {
  category: string
  className?: string
}

function CategoryLabel({ category, className = '' }: CategoryLabelProps) {
  return (
    <div className={`flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium bg-slate-100 text-slate-600 border border-slate-200 ${className}`}>
      <Folder size={12} />
      <span>{getCategoryLabel(category)}</span>
    </div>
  )
}

export default CategoryLabel
